import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            redirect: '/home',
            meta: { title: '首页' }
        },
        {
            path: '/home',
            component: () => import('../pages/Home.vue'),
            name: 'home',
            meta: { title: '首页', name: 'home', isTab: true }
        },
        {
            path: '/category',
            component: () => import('../pages/Category.vue'),
            name: 'category',
            meta: { title: '分类', isTab: true, isShowNav: true }
        },
        {
            path: '/message',
            component: () => import('../pages/Message.vue'),
            name: 'message',
            meta: { title: '消息', isTab: true, isShowNav: true }
        },
        {
            path: '/cart',
            component: () => import('../pages/Cart.vue'),
            name: 'cart',
            meta: {
                title: '购物车', isTab: true, isShowNav: true, isShowBack:
                    true
            }
        },
        {
            path: '/user',
            component: () => import('../pages/User.vue'),
            name: 'user',
            meta: { title: '我的', isTab: true }
        },
        {
            path: '/login',
            component: () => import('../pages/Login.vue'),
            name: 'login',
            meta: {
                title: '登录', isTab: true, isShowNav: true, isShowBack: true
            }
        },
        {
            path: '/register',
            component: () => import('../pages/Register.vue'),
            name: 'register',
            meta: {
                title: '注册', isTab: true, isShowNav: true, isShowBack: true
            }
        },
        {
            path: '/goodslist/:category_id',
            component: () => import('../pages/GoodsList.vue'),
            props: true,
            name: 'goodslist',
            meta: {
                title: '商品列表', isTab: true, isShowNav: true, isShowBack: true
            }
        },
        {
            path: '/goodsDetail/:id',
            component: () => import('../pages/GoodsDetail.vue'),
            props: true,
            name: 'goodsDetail',
            meta: {
                title: '商品详情', isTab: false, isShowNav: true, isShowBack: true
            }
        },
    ]
})
router.beforeEach((to, from, next) => {
    const title = to.meta && to.meta.title
    if (title) {
        document.title = title + ' - 微商城'
    }
    next()
})
export default router